<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>实验一-注册页面</title>
    <style>
        body {
            text-align: center;
        }

        form {
            display: inline-block;
            text-align: left;
            margin: 0 auto;
        }

        ul {
            list-style-position: inside;
            padding: 0;
        }
    </style>
</head>
<body>
    <!--大标题 主题-->
    <h2>青春不常在，抓紧谈恋爱 </h2>
    <form>
        <td>性别</td>
        <td><input type="radio" id="男" name="sex"><label for="男"><img src="./images/man.jpg" alt="">男</label>
        <input type="radio" name="sex" id="女"><label for="女"><img src="./images/man.jpg" alt="">女</label>
        </td>
        <br><!--换行换行-->
        <!--选择出生年月日-->
        <label for="year">生日：</label>
        <select name="year" id="year">
            <option value="">--请选择年份--</option><!--定义可选择的年份-->
            <option>2000年</option>
            <option>2001年</option>
            <option>2002年</option>
            <option>2003年</option>
            <option>2004年</option>
            <option>2005年</option>
            <option>2006年</option>
        </select>
        <select name="month" id="month">
            <option value="">--请选择月份--</option><!--定义可选择的月份-->
            <option>1月</option>
            <option>2月</option>
            <option>3月</option>
            <option>4月</option>
            <option>5月</option>
            <option>6月</option>
            <option>7月</option>
            <option>8月</option>
            <option>9月</option>
            <option>10月</option>
            <option>11月</option>
            <option>12月</option>
        </select>
        <select name="day" id="day">
            <option value="">--请选择日--</option><!--定义可选择的日-->
            <option>1日</option>
            <option>2日</option>
            <option>3日</option>
            <option>4日</option>
            <option>5日</option>
            <option>6日</option>
            <option>7日</option>
            <option>8日</option>
            <option>9日</option>
            <option>10日</option>
            <option>11日</option>
            <option>12日</option>
            <option>13日</option>
            <option>14日</option>
            <option>15日</option>
            <option>16日</option>
            <option>17日</option>
            <option>18日</option>
            <option>20日</option>
            <option>21日</option>
            <option>22日</option>
            <option>23日</option>
            <option>24日</option>
            <option>25日</option>
            <option>26日</option>
            <option>27日</option>
            <option>28日</option>
            <option>29日</option>
            <option>30日</option>
            <option>31日</option>
        </select>
        <br><!--换行换行-->
        <!--所在地区-->
        <label for="location">所在地区：</label>
        <input type="text" id="location" name="location" value="海边思密达">
        <br><!--换行换行-->

        <!--选择婚姻状况-->
        <tr>
        <td>婚姻状况</td>
        <td>
        <input type="radio" id="marriage" name="marriage" value="已婚"> 已婚
        <input type="radio" id="divorced" name="marriage" value="离婚"> 离婚
        <input type="radio" id="single" name="marriage" value="未婚" checked> 未婚</td>
        </tr>
        <br>

        <!--填写学历-->
        <tr>
        <td>学历</td>
        <td><input type="text" id="education" name="education" value="小学生"></td>
        </tr>
        <br><!--换行换行-->

        <!--选择喜欢的类型-->
        <tr>
       <td>喜欢的类型</td>
       <td>
        <input type="checkbox" id="charming" name="type" value="妩媚的"> 妩媚的
        <input type="checkbox" id="reserved" name="type" value="高冷的"> 高冷的
        <input type="checkbox" id="beauty" name="type" value="美丽的"> 美丽的
        <input type="checkbox" id="all" name="type" value="都喜欢"> 都喜欢</td>
        </tr>
        <br><!--换行换行-->

        <!--个人介绍-->
        <tr>
       <td>个人介绍</td>
       <td>
        <input type="text" id="intro" name="intro" value="梁林 学号23215220127"></td>
        </tr>
        <br><!--换行换行-->

        <tr>
            <td>
        <input type="checkbox" id="agreement" name="agreement" checked> 我同意注册条款和会员加入标准</td>
        </tr>
        <br><!--换行换行-->

        <tr>
            <td>
        <a href="#">我是会员，立即登录</a></td>
        </tr>
        <br><!--换行换行-->

        <tr>
            <td>
        <input type="submit" value="免费注册"></td>
        </tr>
        <p>我承诺</p>
        <ul>
            <li>年满18岁、单身</li>
            <li>抱着严肃的态度</li>
            <li>真诚寻找另一半</li>
        </ul>
    </form>

</body>
</html>